<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view>
	<ui:decorate template="/template/layout.xhtml">
		<ui:define name="centro">
			<table class="table table-condensed">
				<caption>
					<h:outputLabel value="Atividades e Responsáveis" stype="" />
				</caption>
				<thead>
					<tr>
						<th>Atividade</th>
						<th>Responsável</th>
						<th>Data Prevista</th>
						<th>Estado</th>
						<th>Data Entregue</th>

					</tr>
				</thead>
				<tbody>
					<tr class="success">
						<td>...</td>
						<td>...</td>
						<td>...</td>
						<td>succes</td>
						<td>...</td>
					</tr>
					<tr class="error">
						<td>...</td>
						<td>...</td>
						<td>...</td>
						<td>error</td>
						<td>...</td>
					</tr>
					<tr class="warning">
						<td>...</td>
						<td>...</td>
						<td>...</td>
						<td>warning</td>
						<td>...</td>
					</tr>
					<tr class="info">
						<td>...</td>
						<td>...</td>
						<td>...</td>
						<td>info</td>
						<td>...</td>
					</tr>
					<tr class="error">
						<td>...</td>
						<td>...</td>
						<td>...</td>
						<td>error</td>
						<td>...</td>
					</tr>
				</tbody>
			</table>
		
		Fontes: Link <a
				href="http://globocom.github.io/bootstrap/base-css.html#typography">
				clique aqui </a>
			<br />


			<h:form>
				<h:outputLabel value="Seu Nome: " />
				<h:inputText value="#{usuarioBean.nome}" />
				<h:commandButton value="Enviar"
					actionListener="#{usuarioBean.enviar}" />
				<br />
				<h:outputFormat
					value="Bem vindo a primeira aplicação JSF,#{usuarioBean.nome}"
					rendered="#{usuarioBean.nome != null}" />
			</h:form>



		</ui:define>
	</ui:decorate>

</f:view>
</html>